@media(max-width:1241px){

#about{
    margin-bottom: 70px;
}

.sec{
    width: 80%;
}

.a{
    width: 35%;
}
.a:hover{
    width: 36%;
}

.top{
    font-size: 15px;
}

.para{
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
    height: 700px;
    width: 95%;
    flex-direction: column;
}

.img {
    height: 45%;
    width: 100%;
    border-radius: 9px;
}

.container{
    margin:12px;
}

/* footer section */
footer{
    background-color: black;
    font-size: 10px;
}

}